@charset "utf8";
main{
	width: 100%;
	height: 5600px;
	backgr ound: #fff000;
}
main div.dbg{
	width: 100%;
	height: 5000px;
	background: #f5f5f5;
}
main nav{
	width: 100%;
	height: 100px;
}
main nav div#wrapper{
	width: 1500px;
	height: 43px;
	back ground: #f00;
	/* 外边距居中 */
	margin: 0 auto;
	}
main nav div#wrapper div.main_shang{
	width: 1000px;
	height: 100px;
	back ground: #0000ff;
	float: left;
	}		
main nav div#wrapper div.main_shang ul li{
		float: left;
		height: 43px;
		margin-left: 10px;
		margin-top: 20px;
}
main nav div#wrapper div.main_shang ul li a{
	text-align: center;
	line-height: 70px;
}
main div.main_hou{
	width: 300px;
	height: 50px;
	backgro und: #ffaaff;
	float: right;
	margin-top: 28px ;
	border: 1px solid red;
}
main div.main_hou ul li{
	float: right;
	height: 43px;	
}
main div.main_hou ul li a.c{
	width:60px;
	background: #eeeeee;
	margin: 13px -74px;
	font-size: 13px;
	position: relative;
	top: 13px;
	left: 10px;
}
main div.main_hou ul li a.f{
	width: 90px;
	background: #eeeeee;
	margin: 13px -175px;
	font-size: 13px;
	position: relative;
	top: 13px;
	left: 20px;
}
main div.main_hou ul li img.e{
	border-left: 1px solid red;
	padding: 16px;
}
main div.main_hou ul li a:hover{
	color: #ff6700;
}
/* 轮播图 */

main div#main_zhong{
	margin: 0 auto;
	width: 1500px;
	height: 450px;
}
main div#main_zhong aside{
	width: 235px;
	height: 500px;
	background: #ababba;
	float: left;
	
}
				
aside ul.sidebar li{
	 width: 235px;
	 height: 50px;
	position: relative;
	text-align: left;
	line-height: 50px;
	top: 15px;
	padding-left: 40px;
	color: #fff;
	}
aside ul.sidebar li:hover{
	 background: #df7212;
}
aside ul.sidebar li span{
    bord er: 1px solid red;
	float: right;
	padding-right: 50px;		   
	}
}
main div#main_zhong{
	width: 1500px;
	height: 500px;
	background: #333;
	margin: 0 auto;
	padding: 0px 0px;
}

main  div#main_zhong figure{
	float: right;
}
main  div#main_zhong figure img{
	height: 500px;
}
section{
				width: 1500px;
				height: 300px;
				margin: 51px auto;
			}
			/* 图片飘li */
			section #event ul li{
				float: left;
				/* 间隙：上侧 左侧位 */
				margin-right: 20px;
				margin-top: 20px;
			}
			section #event ul li img{
				width: 360px;
				height: 200px;
			}
			section #event ul li:last-child{
				float: right;
				margin-right: 0;
			}
			
			/*  */
			section #event ul li:hover{
				filter: drop_shadow(0 0 0px #c1bbbf);
			} 
/*-------------小米明星字---------------*/
main div.xiaomiminxing{
	width: 1500px;
	height: 50px;
	bor der: 1px solid red;
	margin: -20px auto;
}
main div.xiaomiminxing h1{
	color: #000;
	font-size: 22px;
	margin: 20px 0px;
}
main div.xiaomiminxing h1 div#two{
	float: right;
}
main div.xiaomiminxing h1 div#two ul li{
	width: 40px;
	height: 20px;
	border: 1px solid red;
	background: #fefefe;
	float: right;
	text-align: center;
	position: relative;
	top: 10px;
}
main div.xiaomiminxing h1 div#two ul li:hover{
	background: #bfbfbd;
}
/* ------明星单品------------------------ */
main div.xiaomidanpin{
	width: 1500px;
	height: 360px;
	back ground: #55ff00;
	border-top:1px solid #ffaa00 ;
	margin: 20px auto;
}
main div.xiaomidanpin dl{
	width: 280px;
	height: 350px;
	float: left;
	background: #f5f5f5;
	margin-right:25px;
	display: grid;
	grid-template-rows: repeat(4,35px);
	text-align: center;
}
main div.xiaomidanpin dl:hover{
	box-shadow:5px 5px 30px rgba(0,0,0,0.3) ;
}
main div.xiaomidanpin dl:last-child{
	float: right;
	margin: 0;
}
main div.xiaomidanpin dl dd{
	color: #000;
	position: relative;
	bottom: -180px;
}
main div.xiaomidanpin dl dd.product_content{
	color: #afafaf;
	font-size: 14px;
}
main div.xiaomidanpin dl dd.product_price{
	color: #ff6700;
	font-size: 14px;
}
main div.xiaomidanpin dl dt img{
	margin-top: 50px;
}
/*-----------------智能硬件字--------------------*/
main div#bj{
	width: 1500px;
	height: 50px;
	ba ckground: #55ffff;
	margin: 0 auto;
}
main div#bj div.znyj h1{
	color: #000;
	font-size: 22px;
	position: relative;
	bottom: -10px;
}
main div#bj div.znyj ul li{
	float: right;
	color: #000;
	position: relative;
	top: -13px;
	left: -10px;
}
/*----------小孩--------------*/

main div#main_one{
	width: 1500px;
	height: 650px;
	backg round: #aaffff;
	margin: 0 auto;
}
main div#main_one div.xiaohai dl{
	width: 236px;
	height: 615px;
	float: left;
}
main div.xiaohai dl dd{
	padding: 10px;
	text-align: center;
	position: relative;
	bottom: 600px;
}
main div.xiaohai dl dd.t1{
	padding: 10px;
	font-size: 20px;
	color: #000;
}
main div.xiaohai dl dd.t2{
	font-size: 16px;
	color: #333;
	margin-bottom: 40px;
}
main div.xiaohai dl dd.t3{
	font-size: 25px;
	color: #00abff;
}



main div#main_one div.shang dl{
	width: 290px;
	height: 300px;
	background: #ffffff;
	float: left;
	margin-left: 26px;
	text-align: center;
	display: grid;
	grid-template-rows:repeat(4,30px) ;
}
main div#main_one div.shang dl dd.t1{
	color: #000;
	font-size: 16px;
	line-height: 15px;
}
main div#main_one div.shang dl dd.t2{
	color: #c6c4c1;
	font-size: 14px;
}
main div#main_one div.shang dl dd.t3{
	color: #ff6709;
	font-size: 14px;
}
main div#main_one div.shang dl dd{
	position: relative;
	bottom: -160px;
}
main div#main_one div.shang dl:hover{
	box-shadow:5px 5px 30px rgba(0,0,0,0.3);
}
main div#main_one div.shang dl dt img.weight{
	margin-top: 91px;
}
main div#main_one div.xia dl{
	width: 290px;
	height: 300px;
	background: #ffffff;
	float: left;
	margin-left: 26px;
	text-align: center;
	display: grid;
	grid-template-rows:repeat(4,30px) ;
	margin-top: 20px;
}
main div#main_one div.xia dl dd.t1{
	color: #000;
	font-size: 16px;
	line-height: 15px;
}
main div#main_one div.xia dl dd.t2{
	color: #c6c4c1;
	font-size: 14px;
}
main div#main_one div.xia dl dd.t3{
	color: #ff6709;
	font-size: 14px;
}
main div#main_one div.xia dl dd{
	position: relative;
	bottom: -160px;
}

/* ----------------------- */
main div#main_one div.xia dl{
	width: 290px;
	height: 300px;
	background: #ffffff;
	float: left;
	margin-left: 26px;
	text-align: center;
	display: grid;
	grid-template-rows: repeat(4,30px);
}
main div#main_one div.xia dl dd.t1{
	color: #000;
	font-size: 16px;
	line-height: 15px;
}
main div#main_one div.xia dl dd.t2{
	color: #c6c4c1;
	font-size: 14px;
}
main div#main_one div.xia dl dd.t3{
	color: #ff6709;
	font-size: 14px;
}
main div#main_one div.xia dl dd{
	position: relative;
	bottom: -160px;
}
main div#main_one div.xia dl dt.one{
	margin: 65px auto;
}
main div#main_one div.xia dl dt.two{
	margin: 30px auto;
}
main div#main_one div.xia dl dt.three{
	margin: 10px auto;
}
main div#main_one div.xia dl dt.four{
	margin: 10px auto;
}
main div#main_one div.xia dl:hover{
	box-shadow:5px 5px 30px rgba(0,0,0,0.3);
}
main div#main_two h1{
	color: #000;
	font-size: 22px;
	width: 1000px;
	float: left;
}
 main div#main_two{
 	width: 1500px;
 	height: 52px;
 	back ground: #55ffff;
 	margin: 0 auto;
 }
main div#main_two ul li{
 	float: right;
 	color: #000;
	margin-top: 10px;
	padding-right: 5px;
	
 }
 main div#main_two ul li:hover{
	 border-bottom: 3px solid #f89552;
	 
	 
 }
 /* --------------- */
 main div#main_three{
 	width: 1500px;
 	height: 700px;
 	back ground: #fff000;
 	margin: 0 auto;
 }
 
 main div#main_three div.shang dl.chongdianbao{
	 margin-left: 0;
	 width: 236px;
 }
 main div#main_three div.shang{
	 width: 1500px;
	 height: 300px;
	 backg round: red;
	 float: left;
 }
 main div#main_three div.shang dl{
 	width: 290px;
 	height: 300px;
 	background: #ffffff;
 	float: left;
 	margin-left: 26px;
 	text-align: center;
 	display: grid;
 	grid-template-rows:repeat(4,30px) ;
 }
 main div#main_three div.shang dl:hover{
	box-shadow:5px 5px 30px rgba(0,0,0,0.3); 
 }
 main div#main_three div.shang dl dd.t1{
 	color: #000;
 	font-size: 16px;
 	line-height: 15px;
 }
 main div#main_three div.shang dl dd.t2{
 	color: #c6c4c1;
 	font-size: 14px;
 }
 main div#main_three div.shang dl dd.t3{
 	color: #ff6709;
 	font-size: 14px;
 }
 main div#main_three div.shang dl dd{
 	position: relative;
 	bottom: -160px;
 }
main div#main_three div.xia dl.chongdianbao{
	 margin-left: 0;
	 width: 236px;
 } 
 main div#main_three div.xia dl{
 	width: 290px;
 	height: 300px;
 	background: #ffffff;
 	float: left;
 	margin-left: 26px;
 	text-align: center;
 	display: grid;
 	grid-template-rows:repeat(4,30px) ;
 	margin-top: 20px;
	margin-left: 26px;
 }
 main div#main_three div.xia dl:hover{
 	box-shadow:5px 5px 30px rgba(0,0,0,0.3); 
 }
 main div#main_three div.xia dl dd.t1{
 	color: #000;
 	font-size: 16px;
 	line-height: 15px;
 }
 main div#main_three div.xia dl dd.t2{
 	color: #c6c4c1;
 	font-size: 14px;
 }
 main div#main_three div.xia dl dd.t3{
 	color: #ff6709;
 	font-size: 14px;
 }
 main div#main_three div.xia dl dd{
 	position: relative;
 	bottom: -160px;
 }
 main div#main_three div.xia dl dt.llgd{
	 position: relative;
	 bottom: -130px;
 }
/* 周边 */
main div#main_four h1{
	color: #000;
	font-size: 22px;
	position: relative;
	bottom: -10px;
}
 main div#main_four{
 	width: 1500px;
 	height: 50px;
 	bac kground: #55ffff;
 	margin: 0 auto;
 }
main div#main_four ul li{
 	float: right;
 	color: #000;
 	position: relative;
 	top: -22px;
 	left: -10px;
	padding: 10px;
 }
 main div#main_four ul li:hover{
	 height: 15px;
	 border-bottom: 3px solid #f89552;
	 
 }
 /* --------------- */
 main div#main_five{
  	width: 1500px;
  	height: 700px;
  	back ground: #fff000;
  	margin: 0 auto;
  }
  
  main div#main_five div.shang dl.chongdianbao{
 	 margin-left: 0;
 	 width: 236px;
  }
  main div#main_five div.shang{
 	 width: 1500px;
 	 height: 300px;
 	 backgrou nd: red;
 	 float: left;
  }
  main div#main_five div.shang dl{
  	width: 290px;
  	height: 300px;
  	background: #ffffff;
  	float: left;
  	margin-left: 26px;
  	text-align: center;
  	display: grid;
  	grid-template-rows:repeat(4,30px) ;
  }
  main div#main_five div.shang dl:hover{
  	box-shadow:5px 5px 30px rgba(0,0,0,0.3); 
  }
  main div#main_five div.shang dl dd.t1{
  	color: #000;
  	font-size: 16px;
  	line-height: 15px;
  }
  main div#main_five div.shang dl dd.t2{
  	color: #c6c4c1;
  	font-size: 14px;
  }
  main div#main_five div.shang dl dd.t3{
  	color: #ff6709;
  	font-size: 14px;
  }
  main div#main_five div.shang dl dd{
  	position: relative;
  	bottom: -160px;
  }
 main div#main_five div.xia dl.chongdianbao{
 	 margin-left: 0;
 	 width: 236px;
  } 
  main div#main_five div.xia dl{
  	width: 290px;
  	height: 300px;
  	background: #ffffff;
  	float: left;
  	margin-left: 26px;
  	text-align: center;
  	display: grid;
  	grid-template-rows:repeat(4,30px) ;
  	margin-top: 20px;
 	margin-left: 26px;
  }
  main div#main_five div.xia dl:hover{
  	box-shadow:5px 5px 30px rgba(0,0,0,0.3); 
  }
  main div#main_five div.xia dl dd.t1{
  	color: #000;
  	font-size: 16px;
  	line-height: 15px;
  }
  main div#main_five div.xia dl dd.t2{
  	color: #c6c4c1;
  	font-size: 14px;
  }
  main div#main_five div.xia dl dd.t3{
  	color: #ff6709;
  	font-size: 14px;
  }
  main div#main_five div.xia dl dd{
  	position: relative;
  	bottom: -160px;
  }
  main div#main_five div.xia dl dt.llgd{
 	 position: relative;
 	 bottom: -130px;
 } 
 /* 配件 */
 main div#main_six h1{
 	color: #000;
 	font-size: 22px;
 	position: relative;
 	bottom: -10px;
 }
  main div#main_six{
  	width: 1500px;
  	height: 50px;
  	back ground: #55ffff;
  	margin: 0 auto;
  }
 main div#main_six ul li{
  	float: right;
  	color: #000;
  	position: relative;
  	top: -22px;
  	left: -10px;
 	padding: 10px;
  }
  main div#main_six ul li:hover{
 	 height: 15px;
 	 border-bottom: 3px solid #f89552;
 	 
  }
  /* --------------- */
main div#main_seven{
 	width: 1500px;
 	height: 700px;
 	bac kground: #fff000;
 	margin: 0 auto;
 }
 
 main div#main_seven div.shang dl.chongdianbao{
	 margin-left: 0;
	 width: 236px;
 }
 main div#main_seven div.shang{
	 width: 1500px;
	 height: 300px;
	 backgr ound: red;
	 float: left;
 }
 main div#main_seven div.shang dl{
 	width: 290px;
 	height: 300px;
 	background: #ffffff;
 	float: left;
 	margin-left: 26px;
 	text-align: center;
 	display: grid;
 	grid-template-rows:repeat(4,30px) ;
 }
 main div#main_seven div.shang dl:hover{
 	box-shadow:5px 5px 30px rgba(0,0,0,0.3); 
 }
 main div#main_seven div.shang dl dd.t1{
 	color: #000;
 	font-size: 16px;
 	line-height: 15px;
 }
 main div#main_seven div.shang dl dd.t2{
 	color: #c6c4c1;
 	font-size: 14px;
 }
 main div#main_seven div.shang dl dd.t3{
 	color: #ff6709;
 	font-size: 14px;
 }
 main div#main_seven div.shang dl dd{
 	position: relative;
 	bottom: -160px;
 }
main div#main_seven div.xia dl.chongdianbao{
	 margin-left: 0;
	 width: 236px;
 } 
 main div#main_seven div.xia dl{
 	width: 290px;
 	height: 300px;
 	background: #ffffff;
 	float: left;
 	margin-left: 26px;
 	text-align: center;
 	display: grid;
 	grid-template-rows:repeat(4,30px) ;
 	margin-top: 20px;
	margin-left: 26px;
 }
 main div#main_seven div.xia dl:hover{
 	box-shadow:5px 5px 30px rgba(0,0,0,0.3); 
 }
 main div#main_seven div.xia dl dd.t1{
 	color: #000;
 	font-size: 16px;
 	line-height: 15px;
 }
 main div#main_seven div.xia dl dd.t2{
 	color: #c6c4c1;
 	font-size: 14px;
 }
 main div#main_seven div.xia dl dd.t3{
 	color: #ff6709;
 	font-size: 14px;
 }
 main div#main_seven div.xia dl dd{
 	position: relative;
 	bottom: -160px;
 }
 main div#main_seven div.xia dl dt.llgd{
	 position: relative;
	 bottom: -130px;
}
   /* 热门产品 */
  main div#main_eight h1{
  	color: #000;
  	font-size: 22px;
  	position: relative;
  	bottom: -10px;
  }
   main div#main_eight{
   	width: 1500px;
   	height: 50px;
   	backgr ound: #55ffff;
   	margin: 0 auto;
	}
   /* 热门产品下面 */
 main div#main_nine{
 	width: 1500px;
 	height: 400px;
 	backgr ound: #fff000;
 	margin: 0 auto;
 }
 main div#main_nine dl.hot_product{
	 float: left;
	 margin-left:  0px;
	 margin-right: 2px;
 }
 main div#main_nine dl{
 	width: 349px;
 	height: 400px;
 	back ground: #ffaaff;
 	float: left;
 	margin-left:  34px;
 	text-align: center;
 	display: grid;
 	grid-template-rows:repeat(4,30px) ;
 }
 main div#main_nine dl:hover{
 	box-shadow:5px 5px 30px rgba(0,0,0,0.3); 
 }
main div#main_nine dl dd.cc{
	position: relative;
	top: 200px;
	color: #000;
}
main div#main_nine dl dd.ll{
	position: relative;
	top: 253px;
	left: -79px;
	
}
main div#main_nine ul li{
	position: relative;
	top: 253px;
	left: -92px;
color: #000;
}
main div#main_nine ul li.yy{
	position: relative;
	top: 234px;
	left: 10px;
	color: #f8781d;

}
/* 内容字 */
 main div#main_eleven h1{
  	color: #000;
  	font-size: 22px;
  	position: relative;
  	bottom: -10px;
  }
   main div#main_eleven{
   	width: 1500px;
   	height: 50px;
   	backgro und: #55ffff;
   	margin: 0 auto;
	}
/* 内容 */
main div#main_ten{
 	width: 1500px;
 	height: 400px;
 	backg round: #fff000;
 	margin: 0 auto;
 }
 
 main div#main_ten dl.you{
	 float: left;
	 margin-left:  0px;
	 margin-right: 2px;
 }
 main div#main_ten dl:hover{
 	box-shadow:5px 5px 30px rgba(0,0,0,0.3); 
 }
 main div#main_ten dl.you dd.am{
	 color: #000;
	 font-size: 20px;
 }
 
 main div#main_ten dl.you dd.db{
 	 color: #bab9bb;
 	 font-size: 12px;
 }
 main div#main_ten dl.you dd.sa{
	 font-size: 12px;
 }
 main div#main_ten dl.you{
	 padding: 12px;
 }
main div#main_ten dl.you dd.mm{
	color: #f89a26;
	border-top: 1px solid #f89a26;
	font-size: 15px;
	
} 
main div#main_ten dl dd.qq{
	color: #4fde23;
	border-top: 1px solid #4fde23;
	font-size: 20px;
	
}
main div#main_ten dl dd.jj{
	color: #e53935;
	border-top: 1px solid #e53935;
	font-size: 20px;
	
}
main div#main_ten dl dd.kk{
	color: #14eef9;
	border-top: 1px solid #14eef9;
	font-size: 20px;
	
}
main div#main_ten dl dt{
	width: 360px;
}
 main div#main_ten dl{
 	width: 349px;
 	height: 400px;
 	backgr ound: #ffaaff;
 	float: left;
 	margin-left:  34px;
 	text-align: center;
 	display: grid;
 	grid-template-rows:repeat(4,30px) ;
 }
 /* 视频 字*/
 main div#main_twelve h1{
  	color: #000;
  	font-size: 22px;
  	position: relative;
  	bottom: -10px;
  }
   main div#main_twelve{
   	width: 1500px;
   	height: 50px;
   	back ground: #55ffff;
   	margin: 0 auto;
 	}
/* 视频 */
main div#main_thirteen{
	width: 1500px;
	height: 300px;
	margin: auto;
	backgr ound: #aaff7F;
}
main div#main_thirteen dl{
	width: 360px;
	height: 300px;
	float: left;
	text-align: center;
	margin-left:  19px ;
}
main div#main_thirteen dl:hover{
 	box-shadow:5px 5px 30px rgba(0,0,0,0.3); 
 }
 main div#main_thirteen dl.one dt img.two{
	 width: 360px;
	
 }
 main div#main_thirteen dl.smile{
	 margin-left: 0;
	 margin-right: 3px;
 }
 main div#main_thirteen dl dd.t1{
	 position: relative;
	 top: -17px;
	 color: #000;
	 font-size: 18px;
 }
 main div#main_thirteen dl dd.z2{
 	 position: relative;
 	 top: -2px;
 }
main div#main_thirteen dl{
	wid th: 360px;
}
 main div#main_thirteen dl.one dt img.ff{
	 position: relative;
	 left: -152px;
	 top: -38px;
 }
 
